<template>
    <view class="apply-success">
        <view class="apply-success-box">
            <u-image src="../static/images/icon_success.png" width="260" mode="widthFix"></u-image>

            <view class="success-txt">
                您的诉求已提交成功，请耐心等待平台受理。
            </view>
            <view class="back-home">
                <view class="icon-image">
                    <u-image src="../static/images/icon_home.png" width="34" mode="widthFix"></u-image>
                </view>
                <view class="btn-txt" @click="handleBack">返回首页</view>
            </view>
        </view>
    </view>
</template>

<script lang="ts" setup>
// const iconFail = new URL('@/static/images/icon_fail.png', import.meta.url).href
const handleBack = () => {
    uni.navigateTo({
        url: '/pages/home'
    })
}
</script>

<style lang="scss" scoped>
    .apply-success{
        height: 100vh;
        width: 100vw;
        background: url('https://7072-prod-3gyndjxs02add8b0-1379203838.tcb.qcloud.la/static/img3.png') no-repeat left top;
        background-size: 100% 100%;
        padding: 24rpx;
        display: flex;
        .apply-success-box{
            flex: 1;
            padding: 36rpx;
            background: #f2f2f2;
            border-radius: 72rpx;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            .success-txt{
                margin: 72rpx 0;
            }
            .back-home{
                display: flex;
                align-items: center;
                border:1px #476a87 solid;
                background: #f0f3fa;
                padding: 16rpx 16rpx;
                border-radius: 8rpx;
                .icon-image{
                    margin-right: 12rpx;
                    margin-top: 6rpx;
                }
            }
        }
    }
</style>